$cls: ".u-card";
#{$cls} {
  width:3.8rem;
  background:rgba(255,255,255,1);
  box-shadow:0rem 0.02rem 0.2rem 0rem rgba(197,200,204,0.4);
}
#{$cls}-title {
  font-size:.22rem;
  font-weight:bold;
  color:#1D2125;
  margin-bottom: .2rem;
}
#{$cls}-sub {
  font-size: .14rem;
}
#{$cls}-body {
  padding-top: .36rem;
  padding-left: .4rem;
  padding-right: .4rem;
}
#{$cls}-footer {
  padding-left: .4rem;
  padding-right: .4rem;
}
#{$cls}-gutter {
  margin-left: .1rem;
  margin-right: .1rem;
}
#{$cls}-teacher {
  &__image {
    width:.5rem;
    height:.5rem;
    border-radius:50%;
  }
  &__name {
    font-size: .14rem;
  }
  & + & {
    margin-left: .36rem;
  }
}
